<template>
    <div>
        <div class="header">
            <el-form :model="serachForm" inline>
                <el-form-item label="用户名称">
                    <el-input placeholder="请输入用户名称进行查询" v-model="serachForm.account"></el-input>
                </el-form-item>
                <el-form-item>
                    <el-button @click="handleSearch">查询</el-button>
                </el-form-item>
            </el-form>
            <el-button @click="showAddAcount">新增</el-button>
        </div>
        <el-table :data="tableData" style="width: 100%;">
            <el-table-column prop="account" label="用户名" />
            <el-table-column prop="level" label="等级" />
            <el-table-column label="操作">
                <template #default="{ row }">
                    <el-button size="small" @click="updateAccount(row)">编辑</el-button>
                    <el-button size="small" type="danger" @click="deleteAccount(row)">删除</el-button>
                </template>
            </el-table-column>
        </el-table>

        <!-- 新增、修改弹框 -->
    </div>
</template>